<template>
  <i-tabs type="card" v-model="activeName" :tabs="tabs" />
</template>
<script>
export default {
  name: 'DeviceList',
  data() {
    return {
      activeName: 'ZTSocket',
      tabs: [
        // {
        //   label: '网关',
        //   name: 'gateway',
        //   component: () => import('./components/DeviceTable'),
        //   type: 'GATEWAY',
        // },
        // {
        //   label: '插座',
        //   name: 'plug',
        //   component: () => import('./components/DeviceTable'),
        //   type: 'SOCKET',
        // },
        // {
        //   label: '中唐智能网关',
        //   name: 'ZTGateway',
        //   component: () => import('./components/DeviceTable'),
        //   type: 'ZT_GATEWAY',
        // },
        {
          label: '中唐智能插座',
          name: 'ZTSocket',
          component: () => import('./components/AlarmTable'),
          type: 'ZT_SOCKET',
        },
        // {
        //   label: '刷卡设备',
        //   name: 'creditCard',
        //   component: () => import('./components/DeviceTable'),
        //   type: 'SWIPCARD_DEVICE',
        // },
        // {
        //   label: 'NB插座',
        //   name: 'NBplug',
        //   component: () => import('./components/DeviceTable'),
        //   type: 'NB_DEVICE',
        // },
        // {
        //   label: '集中式设备插座',
        //   name: 'CTLplug',
        //   component: () => import('./components/DeviceTable'),
        //   type: 'CENTRAL_SOCKET',
        // },
      ],
    }
  },
}
</script>
<style>
a {
  color: #4c71f9;
}
</style>
